<template>
  <div class="warp-continer">
    <div class="layer">
      <div class="close" @click="Close">
        <i class="iconfont icon-guanbi"></i>
      </div>
      <i class="iconfont icon-xuanzhong success"></i>
      <p class="text">支付成功，等待配送</p>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    //取消
    Close() {
      this.$emit("Close");

      // console.log("Cancel11");
    },
  },
};
</script>
<style lang="scss" scoped>
.warp-continer {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  .layer {
    width: 276px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px 37px;

    background-color: white;
    padding: 42px 0 32px 0px;
    text-align: center;
    .close {
      position: absolute;
      right: 10px;
      top: 10px;
      color: #666666;
      font-size: 25px;
    }
    .success {
      color: #000000;
      font-weight: bold;
      font-size: 20px;
    }
    .text {
      margin-top: 25px;
      font-family: PingFangSC-Medium;
      font-size: 18px;
      color: #333333;
      font-weight: bold;
    }
  }
}
</style>